<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="./css/style.css">

</head>
<body>

	<header class="header_top">
		<div class="header_div">
			
		</div>
		
		<div class="header-info">
			<div class="header-info_fh"><a href=""><img src="./images/xt3.png"></a></div>
			<div class="header-info_cs"><strong>超市</strong></div>
			<div class="header-info_gd"><a href=""><img src="./images/xt4.png"></a></div>
		</div>
	</header>
	
	<div class="top_slide_smkt">
		<ul class="smkt_slide_box bxslider">
			<li>
				<a href="#"><img src="./images/supermarket_ggt1.jpg" width="100%" height="160" alt=""></a>
			</li>

			<li>
				<a href="#"><img src="./images/supermarket_ggt1.jpg" width="100%" height="160" alt=""></a>
			</li>

			<li>
				<a href="#"><img src="./images/supermarket_ggt1.jpg" width="100%" height="160" alt=""></a>
			</li>

			<li>
				<a href="#"><img src="./images/supermarket_ggt1.jpg" width="100%" height="160" alt=""></a>
			</li>

			<li>
				<a href="#"><img src="./images/supermarket_ggt1.jpg" width="100%" height="160" alt=""></a>
			</li>
		</ul>
	</div>

	<script type="text/javascript" src="./js/jquery-1.11.1.min_044d0927.js"></script>
	<script type="text/javascript" src="./js/jquery.bxslider_e88acd1b.js"></script>
	<script type="text/javascript">
	(function(){
		$(".bxslider").bxSlider({
			auto:true,
			prevSelector:$(".top_slide_smkt .op_prev")[0],nextSelector:$(".top_slide_smkt .op_next")[0]
		});
	})();
	</script>
	
	<div class="search_smkt">
		<div class="input-hd">
			<input type="text" class="text" placeholder="搜索你想要的商品/商家">
		</div>
		<div class="search_Button">搜索</div>
		<a href=""><img src="./images/sys0.png"></a>
	</div>

	<div class="menu_smkt">
		<ul class="menu_smkt_ul" style="margin-top:20px;">
			<li>
				<a href="supermarket_class.html"><div><img src="./images/fl.png" height="60"></div>
				<div class="menu_smkt_ul_lia">分类</div></a>
			</li>
			
			<li>
				<a href="dresses.html"><div><img src="./images/fsbh.png" height="60"></a></div>
				<div class="menu_smkt_ul_lia">服饰百货</div></a>
			</li>
			
			<li>
				<a href=""><div><img src="./images/dzsm.png" height="60"></a></div>
				<div class="menu_smkt_ul_lia">电子数码</div></a>
			</li>
			
			<li>
				<a href=""><div><img src="./images/jjjf.png" height="60"></a></div>
				<div class="menu_smkt_ul_lia">家居家纺</div></a>
			</li>
		</ul>
		
		<ul class="menu_smkt_ul">
			<li>
				<div><a href=""><img src="./images/jdbg.png" height="60"></a></div>
				<div class="menu_smkt_ul_lia"><a href="">家电办公</a></div>
			</li>
			
			<li>
				<div><a href=""><img src="./images/zbhj.png" height="60"></a></div>
				<div class="menu_smkt_ul_lia"><a href="">珠宝黄金</a></div>
			</li>
			
			<li>
				<div><a href=""><img src="./images/yeyp.png" height="60"></a></div>
				<div class="menu_smkt_ul_lia"><a href="">婴儿用品</a></div>
			</li>
			
			<li>
				<div><a href=""><img src="./images/ryp.png" height="60"></a></div>
				<div class="menu_smkt_ul_lia"><a href="">日用品</a></div>
			</li>
		</ul>
	</div>
	
	<div class="bottom_ggt">
		<ul class="bottom_ggt_ul">
			<li><a href=""><img src="./images/hhzmy.jpg" width="100%" height="90"></a></li>
			<li><a href=""><img src="./images/qqkgq.jpg" width="100%" height="90"></a></li>
			<li><a href=""><img src="./images/snjr.jpg" width="100%" height="90"></a></li>
		</ul>
	</div>
	
	<div class="footer_smkt">
		<ul class="footer_smkt_ul">
			<li><a href=""><img src="./images/cdhc.jpg" width="100%" height="100"></a></li>
			<li><a href=""><img src="./images/bxhc.jpg" width="100%" height="100"> </a></li>
			<li><a href=""><img src="./images/cwfhc.jpg" width="100%" height="100"></a></li>
		</ul>
		
		<ul class="footer_smkt_ul">
			<li><a href=""><img src="./images/sjhc.jpg" width="100%" height="100"></a></li>
			<li><a href=""><img src="./images/1yqg.jpg" width="100%" height="100"> </a></li>
			<li><a href=""><img src="./images/xh.jpg" width="100%" height="100"></a></li>
		</ul>
	</div>
	
</body>

</html>